<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>工时系统</title>
<link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="/build/css/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/css/my-style.css">
</head>
<style>
  .layui-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 22px;
    border-left: 5px solid #3281ce;
    border-radius: 0 2px 2px 0;
    background-color: #fff;!important;
  }

</style>
<body style="font: 14px Microsoft YaHei;line-height: 24px;">
<div class="layui-fluid main">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-elem-quote" style="border-left:5px solid #b5bcc3;">
    
      <div class="layui-elem-quote" style="border: none;padding:15px 15px 25px 25px;">

      </div>
    </div>
  </div>
</div>
<script src="/plugins/layui/layui.js"></script>
<script>
        layui.use('jquery', function() {
            var $ = layui.jquery;
            $('#test').on('click', function() {
                parent.message.show({
                    skin: 'cyan'
                });
            });
        });
    </script> 
<!-- 轮播图 --> 
<script>
	layui.use(['carousel', 'form'], function(){
	  var carousel = layui.carousel
	  ,form = layui.form;

	  //常规轮播
	  carousel.render({
		elem: '#test1'
		,arrow: 'always'
		,width: '100%'
	  });

	});
	</script> 
<script>
	layui.use('element', function(){
	  var $ = layui.jquery
	  ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

	  //触发事件
	  var active = {
		setPercent: function(){
		  //设置50%进度
		  element.progress('demo', '50%')
		}
		,loading: function(othis){
		  var DISABLED = 'layui-btn-disabled';
		  if(othis.hasClass(DISABLED)) return;

		  //模拟loading
		  var n = 0, timer = setInterval(function(){
			n = n + Math.random()*10|0;  
			if(n>100){
			  n = 100;
			  clearInterval(timer);
			  othis.removeClass(DISABLED);
			}
			element.progress('demo', n+'%');
		  }, 300+Math.random()*1000);

		  othis.addClass(DISABLED);
		}
	  };

	  $('.site-demo-active').on('click', function(){
		var othis = $(this), type = $(this).data('type');
		active[type] ? active[type].call(this, othis) : '';
	  });
	});
	</script>
</body>
</html>